I have read that it is not wise to interact with the DOM directly both for security and performance. Avoiding using syntax like below to select Elements.
const itemToManipulate = document.getElementById('example');
So I read a good work around is to use ElementRef Directive.
But go on to find the Angular Documents advise against this because of tight coupling, what is tight coupling?
Found in documentation here
I settled for using a ViewChild, like so...
@ViewChild('itemToManipulate') public item: ElementRef<any>;
Does this lead to any unwanted behaviour I should be concerned about (security / performance wise) and is there a best practice for interacting with the DOM, or should this not be done within Angular (6 / 7)?
Thanks in Advance.